<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="kilometer" class="dpflex  jcsb"> 运动中:
        <p class="pr18">
            <span class="iconfont  icon-yinle1  pr18 "></span>
            <span class="iconfont  icon-zhankai  "></span>
        </p>

    </div>

    <p id="runNumber">
        <span id="kilo">0</span>公里
    </p>
    <div id="runBtn">
        <div>
            <span class="iconfont  icon-peisu"></span>
            <p>配速</p>
            <span id="spaceBox">----</span>
        </div>
        <div>
            <span class="iconfont  icon-pc-xuanzeyongshi"></span>
            <p>用时</p>
            <span id="timeBox">----</span>
        </div>
        <div>
            <span class="iconfont   icon-dongtai"></span>
            <p>千卡</p>
            <span id="calorieBox">----</span>
        </div>
    </div>

    <div class="btn-group dpflex jcsa">
        <div id="pauseBox">
            <span class="iconfont   icon-jixu1"></span>
            <p>暂停</p>
        </div>
        <div id="continueBox">
            <span class="iconfont   icon-dongtai"></span>
            <p>继续</p>
        </div>
        <div id="stopBox">
            <span class="iconfont   icon-jixu"></span>
            <p>停止</p>
        </div>
    </div>
</body>

</html>